<template>
  <div class="patient-info" v-if="true">
    <div class="patient-info-inside">
      <div class="header">
        <div class="left item">
          <img alt="左侧" src="@/components/assets/images/design/1-12.webp" />
        </div>
        <div class="middle item">
          <div>住院一日清单</div>
          <div class="fontColor">总计：{{countMoney}}元</div>
        </div>
        <div class="right item">
          <img alt="右侧" src="@/components/assets/images/design/1-12.webp" />
        </div>
      </div>
      <div class="patient-info-area-box">
        <el-row
          class="patient-info-area"
          v-for="(item, index) in HospitalizationList"
          :key="index"
        >
          <el-col :span="24">
            <div class="sign">名称：</div>
            <div class="content">{{ item?.itemName }}</div>
          </el-col>
          <el-col :span="24">
            <div class="sign">单位：</div>
            <div class="content">{{ item?.itemUnits }}</div>
          </el-col>
          <el-col :span="24">
            <div class="sign ">价格：</div>
            <div class="content colorOrange">{{ item?.itemPrice }}</div>
          </el-col>
          <el-col :span="24">
            <div class="sign ">数量：</div>
            <div class="content ">{{ item?.itemQty }}</div>
          </el-col>
          <el-col :span="24">
            <div class="sign ">金额：</div>
            <div class="content ">{{ item?.cost }}</div>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script>
import { AndroidToWeb, buildParentApi } from "@/utils/designer/util";
let buildParent = buildParentApi();
export default {
  name: "OneDayHospitalizationList",

  componentName: "OneDayHospitalizationList",

  components: {},

  data() {
    return {
      countMoney: "",
    };
  },

  computed: {
    HospitalizationList() {
      let msgList = this.$store.getters["DRCbiz/getOneDayHospitalizationList"];
      let count = 0
      msgList.map(item=>{
        count += Number(item.cost) 
      })
      this.countMoney = count
      return msgList
    },
   
  },

  mounted() {},

  methods: {
   
  },
};
</script>

<style scoped lang="scss">
@import "./assets/style";
</style>